.header-wrapper {
  display: flex;
  height: .9rem;
  .header-left{
    flex: 4
  }
  .header-mid{
    flex: 4;
    .header-logo{
      display: inline-block;
      width: 100%;
      height: .9rem;
      background: url('https://s1.ljcdn.com/hulk-web/static/m/statics/images/common/sprite_new.svg?version=fbfaa12fa5');
      background-repeat: no-repeat;
      background-position: 2% 30%;
      background-size: 77px;
    }
  }
  .header-right{
    flex: 2;
    .header-avatar {
      display: inline-block;
      background: url('https://s1.ljcdn.com/hulk-web/static/m/statics/images/common/sprite_new.svg?version=fbfaa12fa5');
      background-repeat: no-repeat;
      background-position: 22% 43%;
      background-size: 51px;
      width: 100%;
      height: .9rem;
    }
  }
}
